0<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	</head>
	<style>
    html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    </style>
	<body>
		<div class="content">
		    <div class="swiper">
		        <div class="swiper-slide"><img src="img/tu10.png"/></div>
		        <div class="swiper-slide"><img src="img/tu16.png"/></div>
		        <div class="swiper-slide"><img src="img/tu10.png"/></div>
		        <div class="swiper-slide"><img src="img/tu16.png"/></div>
		    </div>
		    <div class="swiper-pagination"></div>
		    <div class="swiper-button-prev"></div>
    		<div class="swiper-button-next"></div>
		</div>
	</body>
	<script src="js/swiper.min.js" ></script>
	<script type="text/javascript">
		
		var mySwiper = new Swiper('.swiper-container',{
			pagination : '.swiper-pagination',
			paginationClickable :true,
			prevButton:'.swiper-button-prev',
			nextButton:'.swiper-button-next',
			autoplay : 2000,
			autoplayDisableOnInteraction : false,
		})
		
		
	</script>
</html>
